<script setup lang="ts">
defineProps<{
  dataSource: number[];
}>();
</script>

<template>
  <div class="sort-items">
    <div class="item" :style="{
      height: `${item * 25}px`
    }" v-for="(item) in dataSource" :key="item">
      {{ item }}
    </div>
  </div>
</template>

<style scoped>
.sort-items {
  display: flex;
  align-items: flex-end;
  gap: 20px;
}

.item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  background-color: grey;
}
</style>